﻿@import './dockview.css';

[data-bs-theme='dark'] .bb-dockview {
    --dv-background-color: black;
    --dv-paneview-active-outline-color: dodgerblue;
    --dv-tabs-and-actions-container-font-size: 13px;
    --dv-tabs-and-actions-container-height: 35px;
    --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);
    --dv-drag-over-border-color: white;
    --dv-tabs-container-scrollbar-color: #888;
    --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);
    --dv-floating-box-shadow: 8px 8px 8px 0px rgba(83, 89, 93, 0.5);
    --dv-group-view-background-color: #1e1e1e;
    --dv-tabs-and-actions-container-background-color: #252526;
    --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
    --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;
    --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;
    --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;
    --dv-tab-divider-color: #1e1e1e;
    --dv-activegroup-visiblepanel-tab-color: white;
    --dv-activegroup-hiddenpanel-tab-color: #969696;
    --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;
    --dv-inactivegroup-hiddenpanel-tab-color: #626262;
    --dv-separator-border: rgb(68, 68, 68);
    --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);
    --dv-active-sash-color: #595959;
}

.bb-dockview {
    --bb-dockview-padding: .25rem;
    --bb-dockview-tab-line-height: 21px;
    --bb-dockview-tab-padding: 0 8px;
    --bb-dockview-control-icon-width: 12px;
    --bb-dockview-control-icon-color: var(--bs-body-color);
    --bb-dockview-control-icon-lock-color: #b5b5c3;
    --bb-dockview-control-dropdown-padding-y: .25rem;
    --bb-dockview-control-dropdown-item-padding-x: 0;
    --bb-dockview-control-dropdown-item-padding-y: 3px;
    --dv-tabs-and-actions-container-font-size: 13px;
    --dv-tabs-and-actions-container-height: 35px;
    --dv-active-sash-color: #bcbcbc;
    width: 100%;
    height: 100%;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

    .bb-dockview .bb-dockview-panel {
        height: 100%;
        width: 100%;
    }

    .bb-dockview .groupview > .content-container {
        padding: var(--bb-dockview-padding);
    }

    .bb-dockview .bb-dockview-item-title-icon {
        cursor: pointer;
    }

    .bb-dockview .bb-dockview-item-title {
        position: relative;
        display: flex;
        align-items: center;
    }

    .bb-dockview .tab .dv-default-tab {
        padding: var(--bb-dockview-tab-padding);
    }

        .bb-dockview .tab .dv-default-tab .dv-default-tab-content {
            padding: var(--bb-dockview-tab-padding);
            line-height: var(--bb-dockview-tab-line-height);
        }

        .bb-dockview .tab .dv-default-tab .bb-dockview-control-icon {
            display: flex;
        }

    .bb-dockview .tab.inactive-tab .dv-default-tab .dv-default-tab-action {
        visibility: visible;
    }

    .bb-dockview .tab:focus::after {
        outline-offset: 0;
    }

    .bb-dockview.dockview-theme-light {
        --dv-separator-border: var(--bs-border-color);
        --dv-background-color: var(--bs-body-bg);
        --dv-floating-box-shadow: var(--bs-box-shadow);
        --dv-tab-divider-color: var(--bs-border-color);
    }

    .bb-dockview.dockview-theme-dark {
        --bb-dockview-control-icon-color: #dee2e6;
    }

    .bb-dockview.dockview-theme-vs {
        --bb-dockview-control-icon-color: #dee2e6;
    }

    .bb-dockview.dockview-theme-abyss {
        --bb-dockview-control-icon-color: #dee2e6;
    }

    .bb-dockview.dockview-theme-dracula {
        --bb-dockview-control-icon-color: #dee2e6;
    }

    .bb-dockview .tabs-and-actions-container .tabs-container {
        overflow: hidden;
    }

    .bb-dockview .tabs-and-actions-container:has(.bb-lock) .void-container {
        cursor: default;
    }

    .bb-dockview .tabs-and-actions-container:has(.bb-lock) .drop-target > .drop-target-dropzone > .drop-target-selection {
        background-color: var(--dv-tabs-and-actions-container-background-color);
    }

    .bb-dockview .right-actions-container {
        display: flex;
        align-items: center;
        margin-right: .5rem;
    }

        .bb-dockview .right-actions-container > div {
            cursor: pointer;
        }

            .bb-dockview .right-actions-container > div:not(:first-child) {
                margin-left: .5rem;
            }

        .bb-dockview .dv-tab-on > .dv-default-tab-content + .dv-default-tab-action,
        .bb-dockview .tabs-and-actions-container:has(.dv-tab-on) > .right-actions-container > .bb-dockview-control-icon-close,
        .bb-dockview .right-actions-container:not(.bb-show-lock) .bb-dockview-control-icon-lock,
        .bb-dockview .right-actions-container:not(.bb-show-lock) .bb-dockview-control-icon-unlock,
        .bb-dockview .right-actions-container:not(.bb-lock) .bb-dockview-control-icon-lock,
        .bb-dockview .right-actions-container.bb-lock .bb-dockview-control-icon-unlock,
        .bb-dockview .right-actions-container:not(.bb-show-float) .bb-dockview-control-icon-float,
        .bb-dockview .right-actions-container:not(.bb-show-float) .bb-dockview-control-icon-dock,
        .bb-dockview .right-actions-container:not(.bb-float) .bb-dockview-control-icon-dock,
        .bb-dockview .right-actions-container:not(.bb-float) .bb-dockview-control-icon-down,
        .bb-dockview .right-actions-container:not(:has(.tab)) .bb-dockview-control-icon-dropdown,
        .bb-dockview .right-actions-container .bb-dockview-control-icon-dropdown li:not(:has(.tab)),
        .bb-dockview .right-actions-container.bb-float .bb-dockview-control-icon-float,
        .bb-dockview .right-actions-container:not(.bb-show-maximize) .bb-dockview-control-icon-full,
        .bb-dockview .right-actions-container:not(.bb-show-maximize) .bb-dockview-control-icon-restore,
        .bb-dockview .right-actions-container:not(.bb-maximize) .bb-dockview-control-icon-restore,
        .bb-dockview .right-actions-container.bb-maximize .bb-dockview-control-icon-full {
            display: none;
        }

        .bb-dockview .tabs-and-actions-container:has(.bb-lock) .dv-default-tab-content + .dv-default-tab-action svg > *,
        .bb-dockview .right-actions-container.bb-lock .bb-dockview-control-icon-close > svg > *,
        .bb-dockview .right-actions-container.bb-lock .bb-dockview-control-icon-float > svg > *,
        .bb-dockview .right-actions-container.bb-lock .bb-dockview-control-icon-dock > svg > * {
            stroke: var(--bb-dockview-control-icon-lock-color);
        }

    .bb-dockview .bb-dockview-control-icon > svg {
        width: var(--bb-dockview-control-icon-width);
        height: var(--bb-dockview-control-icon-width);
    }

        .bb-dockview .bb-dockview-control-icon > svg > * {
            stroke: var(--bb-dockview-control-icon-color);
        }

    .bb-dockview .bb-up .bb-dockview-control-icon-down > svg {
        transform: rotate(180deg);
    }

    .bb-dockview .bb-dockview-control-icon-down > svg {
        transition: transform .3s linear;
    }

    .bb-dockview .bb-dockview-control-icon-dropdown .dropdown-menu {
        --bs-dropdown-padding-y: var(--bb-dockview-control-dropdown-padding-y);
        --bs-dropdown-item-padding-x: var(--bb-dockview-control-dropdown-item-padding-x);
        --bs-dropdown-item-padding-y: var(--bb-dockview-control-dropdown-item-padding-y);
    }

.split-view-container .sash-container .sash:not(.disabled):hover {
    transition-delay: unset;
    transition-duration: .3s;
}
